<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.prime.com.tr/ui"
	xmlns:c="http://java.sun.com/jsp/jstl/core">

<h:head>

	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

 	<link rel="stylesheet" type="text/css" href="#{request.contextPath}/css/theme2.css" media="screen" />
 	<link rel="stylesheet" type="text/css" href="#{request.contextPath}/css/estilo.css" media="screen" />  
	 <script type="text/javascript">
		/* <![CDATA[ */
		var $j = jQuery.noConflict();
		/* ]]> */
	</script>
	 

	<h:outputScript library="js" name="util.js" />

	<title><ui:insert name="tituloPagina">
			<h:outputText value="Sistema ZPE" />
		</ui:insert></title>
</h:head>

<h:body>
	<div id="geral">

		<div id="topo">
			<ui:include src="/pages/topo.xhtml" />
		</div>

		<div id="menu">
			<ui:include src="/pages/menu.xhtml"></ui:include>
		</div>

		<h:panelGroup id="painelGlobal">
			<div id="conteudo">
				<ui:insert name="body">
				</ui:insert>
			</div>
			<h:form id="formPanel">

				<p:dialog id="carregando" header="Carregando" widgetVar="carregando"
					closable="false" fixedCenter="true" modal="true" height="80"
					width="150" showEffect="fade" hideEffect="fade">
					<h:graphicImage width="30" height="30"
						value="#{resource['img:ajax-loader.gif']}" style="dislay:block" />
					<h:outputLabel value="Aguarde..." />
				</p:dialog>

				<p:dialog fixedCenter="true" id="mensagemAviso" width="400"
					header="Aviso" widgetVar="mensagemAviso" showEffect="fade"
					hideEffect="fade"
					visible="#{not empty facesContext.maximumSeverity}" modal="true">
					<h:panelGroup id="painelMensagens">
						<span id="messages"> <h:messages layout="table"
								infoClass="info" warnClass="warning" errorClass="error"
								fatalClass="error">
								<f:facet name="infoMarker">
									<h:graphicImage width="16" height="16"
										value="#{resource['img:info.gif']}" />
								</f:facet>
								<f:facet name="warnMarker">
									<h:graphicImage width="16" height="16"
										value="#{resource['img:warning.gif']}" />
								</f:facet>
								<f:facet name="errorMarker">
									<h:graphicImage width="16" height="16"
										value="#{resource['img:warning.gif']}" />
								</f:facet>
								<f:facet name="fatalMarker">
									<h:graphicImage width="16" height="16"
										value="#{resource['img:warning.gif']}" />
								</f:facet>
							</h:messages>
						</span>
						<br clear="all" />
						<div style="vertical-align: bottom; text-align: center">
							<p:commandButton value=" OK " styleClass="btVerde"
								onclick="mensagemAviso.hide();" update="formPanel" ajax="true" />

						</div>
					</h:panelGroup>
				</p:dialog>
			</h:form>
		</h:panelGroup>

		<ui:include src="/pages/rodape.xhtml" />

	</div>
</h:body>
</html>